<template>
  <div class="category">
    <div class="header-box">
      <h2>组织管理</h2>
    </div>
    <div class="list system-scrollbar">
      <el-tree ref="tree" 
      class="my-tree"
      :data="deptList"
      node-key="_id"
      :props="defaultProps"
      :expand-on-click-node="false"
      highlight-current
      default-expand-all
      >
      </el-tree>
    </div>
  </div>
</template>

<script lang='ts' setup>
import { ref, reactive, defineProps, inject } from 'vue'

const deptList = inject('deptInfo')
const defaultProps = {
  children: 'children',
  label: 'label',
}
</script>

<style lang='scss' scoped></style>